<template>
      <!-- 1：轮播图
            将来谁使用  谁传递 数据
       -->
        <mt-swipe @change="handleChange" :auto="2000">
            <mt-swipe-item v-for="item in lunbotuList" :key="item.url">
                <img :src="item.url">
            </mt-swipe-item>
        </mt-swipe>
</template>

<script>
export default {
    data(){
        return {

        }
    },

    props: [
        "lunbotuList"
    ],

    methods: {
        // 轮播图索引改变的事件
        handleChange(index){

        },
    }
    
}
</script>

<style lang="scss" scoped>
.mint-swipe{
    height: 200px;
    // 规定属于其父元素的第二个子元素的每个 p 的背景色：
    .mint-swipe-item{
        img{
            width: 100%;
            height: 100%;
        }
    }
}
</style>